.site {
    min-height: 100%;
    min-width: 100%;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

main {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.main-container {
    margin-right: auto;
    margin-left: auto;
    padding: 15px;

    display: flex;
    flex-direction: row;
}

@media (min-width: 768px) {
    .main-container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .main-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .main-container {
        width: 1170px;
    }
}

@media (max-width: 600px) {
    .site {
        font-size: small;
    }
}

@media (max-width: 480px) {
    //
}

@media (max-width: 320px) {
    .site {
        font-size: xx-small;
    }

    .mat-paginator-page-size{
        display: none;
    }
}
